var num=0;
$('.BannerList li').click(function(){
    num=$(this).index();


    $('#Dimg .img1').each(function(){
        $('#Dimg .img1').css('z-index','1');
    })
    $('#Dimg .img1').eq(num).css('z-index','3');


    $('.BannerList li').each(function(){
        $('.BannerList li').css('border','2px solid #e8e8e8')
    })
    $(this).css('border','2px solid red')

    $('#imgBox .img3').each(function(){
        $('#imgBox .img3').attr('id','');
    })
    $('#imgBox .img3').eq(num).attr('id','img3');
})

$('.xia').click(function(){
   $('.BannerList').css('left','-460px'),
   $('.xia').css('color','#ccc'),
   $('.shang').css('color','#000')
})

$('.shang').click(function(){
    $('.BannerList').css('left',''),
    $('.shang').css('color','#ccc'),
    $('.xia').css('color','#000')
 })


 $('.videolist1').each(function () { //遍历视频列表
	$(this).click(function () { //这个视频被点击后执行
		var img = $(this).attr('vpath');//获取视频预览图
		var video = $(this).attr('ipath');//获取视频路径
		$('.videos').html("<video id=\"video\" poster='" + img + "' style='width: 640px' src='" + video + "' preload=\"auto\" controls=\"controls\" autoplay=\"autoplay\"></video><img onClick=\"close1()\" class=\"vclose\" src=\"../images/gb.png\" width=\"25\" height=\"25\"/>");
		$('.videos').show();
	});
});

function close1() {
	var v = document.getElementById('video');//获取视频节点
	$('.videos').hide();//点击关闭按钮关闭暂停视频
	v.pause();
	$('.videos').html();
}


